h3 {
  color: red;
}

/* Navigation article */
body {
 padding: 1em;
}
#navigation {
 font-size: 90%;
}
#navigation ul {
 list-style: none;
 margin: 0;
 padding: 0;
 padding-top: 1em;
}
#navigation li {
 display: inline;
}
#navigation a:link, #navigation a:visited {
 padding: 0.4em 1em 0.4em 1em;
 color: #FFFFFF;
 background-color: #B51032;
 text-decoration: none;
 border: 1px solid #711515;
}
#navigation a:hover {
 color: #FFFFFF;
 background-color: #711515;
}

/* Button type navigation */
#navigation2 {
 font-size:90%
}
#navigation2 ul {
 list-style: none;
 margin: 0;
 padding: 0;
 padding-top: 1em;
}
#navigation2 li {
 display: inline;
}
#navigation2 a:link, #navigation2 a:visited {
 margin-right: 0.2em;
 padding: 0.2em 0.6em 0.2em 0.6em;
 color: #A62020;
 background-color: #FCE6EA;
 text-decoration: none;
 border-top: 1px solid #FFFFFF;
 border-left: 1px solid #FFFFFF;
 border-bottom: 1px solid #717171;
 border-right: 1px solid #717171;
}
#navigation2 a:hover {
 border-top: 1px solid #717171;
 border-left: 1px solid #717171;
 border-bottom: 1px solid #FFFFFF;
 border-right: 1px solid #FFFFFF;
}
